<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>记录</title>
	<meta name="keywords" content="小忘,alwei,forget" />
	<meta name="theme-color" content="#2a2d35">

	<!-- Vendor Css-->
	<link rel="stylesheet" href="assets/css/vendor.css" />
	<link rel="stylesheet" href="assets/css/LineIcons.min.css" />

	<!-- TamTemplate style Css -->
	<link href="assets/css/tam.css" rel="stylesheet">

	<!-- Custom style Css -->
	<link href="assets/css/custom.css" rel="stylesheet">
</head>

<body data-spy="scroll" data-target=".navbar">

	<!-- START: Preloader -->
	<div id="preloader" class="preloader">
		<div class="spinner-grow text-dark" role="status">
			<span class="sr-only">Loading...</span>
		</div>
	</div>
	<!-- END: Preloader -->


	<!-- START: Aside -->
	<aside class="aside">
		<!-- START: NAVBAR -->

		<div class="nav-wrapper">

			<div class="navbar-toggler">
				<svg class="ham hamRotate ham1" viewBox="0 0 100 100" width="60">
				  <path class="line top" d="m 30,33 h 40 c 0,0 9.044436,-0.654587 9.044436,-8.508902 0,-7.854315 -8.024349,-11.958003 -14.89975,-10.85914 -6.875401,1.098863 -13.637059,4.171617 -13.637059,16.368042 v 40" />
				  <path class="line middle" d="m 30,50 h 40" />
				  <path class="line bottom" d="m 30,67 h 40 c 12.796276,0 15.357889,-11.717785 15.357889,-26.851538 0,-15.133752 -4.786586,-27.274118 -16.667516,-27.274118 -11.88093,0 -18.499247,6.994427 -18.435284,17.125656 l 0.252538,40" />
				</svg>
			</div>

			<nav class="navbar text-center align-items-center justify-content-center">



                <div class="collapse navbar-collapse show" id="navbarCollapse">
                	<div class="about-avatar mb-5">
                		<a href="index.html">
							<img src="assets/images/about.jpg" alt="" class="img-fluid mx-auto d-block shadow-sm rounded-full">
						</a>

						<div class="about-avatar-details mt-4">
							<h1>徐树伟</h1>
							<p class="badge">综合职业者</p>
						</div>

					</div>
                    <ul class="navbar-nav mx-auto">
                        <li class="nav-item">
                            <a class="nav-link" href="index.html"><i class="lni-home"></i>主页</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="resume.html"><i class="lni-briefcase"></i>个人简历</a>
                        </li>
                        <li class="nav-item active">
                            <a class="nav-link" href="work.html"><i class="lni-graduation"></i>记录</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="services.html"><i class="lni-offer"></i>服务</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="contact.html"><i class="lni-phone-handset"></i>联系</a>
                        </li>
                    </ul>
                </div>

               	<div class="aside-footer">
                	<ul class="list-unstyled list-inline">
                        <li class="list-inline-item"><a href="#"><i class="lni-facebook-filled"></i></a></li>
                        <li class="list-inline-item"><a href="#"><i class="lni-skype"></i></i></a></li>
                        <li class="list-inline-item"><a href="#"><i class="lni-youtube"></i></a></li>
                        <li class="list-inline-item"><a href="#"><i class="lni-linkedin-original"></i></a></li>
                    </ul>
                </div>
	        </nav>
        </div>
        <!-- END: NAVBAR -->
    </aside>
    <!-- START: Aside -->

    <div class="page-overlay">
    	<span class="overlay-1"></span>
    	<span class="overlay-2"></span>
    </div>

    <div class="page-wrapper">


    	<section class="section section-light">
    		<div class="container">
    			<div class="row">
    				<div class="col-6 col-md-4">
    					<div class="section-head">
							<span>TAKE A LOOK AT</span>
							<h2>记录</h2>
						</div>	
    				</div>
    				<div class="col-md-8">
    					<ul id="filter" class="filter mt-4">
							<li class="active" data-group="all">All</li>
							<li data-group="slideshow">Slideshow</li>
							<li data-group="video">Video</li>
							<li data-group="image">Image</li>
						</ul>
    				</div>	
    			</div>

				<ul class="list-items-container row">

					<li class="col-6 col-md-4 list-item" data-groups="all slideshow">
						<figure>
							<img src="assets/images/p4-4.jpg" alt="p1">
							<figcaption>
								<a href="assets/images/p4-4.jpg" class="simple-ajax-popup"></a>
								<div class="caption-inner">
									<h3 class="portfolio-item-title">Some work</h3>
									<div class="portfolio-item-desc">Slideshow</div>
								</div>
							</figcaption>
						</figure>
					</li>

					<li class="col-6 col-md-4 list-item" data-groups="all video">
						<figure>
							<img src="assets/images/p5-5.jpg" alt="p2">
							<figcaption>
								<a href="assets/images/p5-5.jpg" class="simple-ajax-popup"></a>
								<div class="caption-inner">
									<h3 class="portfolio-item-title">Some work</h3>
									<div class="portfolio-item-desc">Video</div>
								</div>
							</figcaption>
						</figure>
					</li>

					<li class="col-6 col-md-4 list-item" data-groups="all image">
						<figure>
							<img src="assets/images/p3-3.jpg" alt="p3">
							<figcaption>
								<a href="assets/images/p3-3.jpg" class="simple-ajax-popup"></a>
								<div class="caption-inner">
									<h3 class="portfolio-item-title">Some work</h3>
									<div class="portfolio-item-desc">Image</div>
								</div>
							</figcaption>
						</figure>
					</li>

					<li class="col-6 col-md-4 list-item" data-groups="all slideshow">
						<figure>
							<img src="assets/images/p1-1.jpg" alt="p4">
							<figcaption>
								<a href="assets/images/p1-1.jpg" class="simple-ajax-popup"></a>
								<div class="caption-inner">
									<h3 class="portfolio-item-title">Some work</h3>
									<div class="portfolio-item-desc">Slideshow</div>
								</div>
							</figcaption>
						</figure>
					</li>

					<li class="col-6 col-md-4 list-item" data-groups="all video">
						<figure>
							<img src="assets/images/p2-2.jpg" alt="p5">
							<figcaption>
								<a href="assets/images/p2-2.jpg" class="simple-ajax-popup"></a>
								<div class="caption-inner">
									<h3 class="portfolio-item-title">Some work</h3>
									<div class="portfolio-item-desc">Video</div>
								</div>
							</figcaption>
						</figure>
					</li>

					<li class="col-6 col-md-4 list-item" data-groups="all image">
						<figure>
							<img src="assets/images/p6-6.jpg" alt="p6">
							<figcaption>
								<a href="assets/images/p6-6.jpg" class="simple-ajax-popup"></a>
								<div class="caption-inner">
									<h3 class="portfolio-item-title">Some work</h3>
									<div class="portfolio-item-desc">Image</div>
								</div>
							</figcaption>
						</figure>
					</li>

					<li class="col-6 col-md-4 list-item" data-groups="all image">
						<figure>
							<img src="assets/images/p7-7.jpg" alt="p6">
							<figcaption>
								<a href="assets/images/p7-7.jpg" class="simple-ajax-popup"></a>
								<div class="caption-inner">
									<h3 class="portfolio-item-title">Some work</h3>
									<div class="portfolio-item-desc">Image</div>
								</div>
							</figcaption>
						</figure>
					</li>

					<li class="col-6 col-md-4 list-item" data-groups="all image">
						<figure>
							<img src="assets/images/p8-8.jpg" alt="p6">
							<figcaption>
								<a href="assets/images/p8-8.jpg" class="simple-ajax-popup"></a>
								<div class="caption-inner">
									<h3 class="portfolio-item-title">Some work</h3>
									<div class="portfolio-item-desc">Image</div>
								</div>
							</figcaption>
						</figure>
					</li>

					<li class="col-6 col-md-4 list-item" data-groups="all slideshow">
						<figure>
							<img src="assets/images/p9-9.jpg" alt="p6">
							<figcaption>
								<a href="assets/images/p9-9.jpg" class="simple-ajax-popup"></a>
								<div class="caption-inner">
									<h3 class="portfolio-item-title">Some work</h3>
									<div class="portfolio-item-desc">Image</div>
								</div>
							</figcaption>
						</figure>
					</li>

				</ul><!-- .projects-container -->
			</div>
    	</section>

		<!-- START: TESTIMONY -->
		<section class="section section-dark section-testimony" id="testimony">
			<div class="container">
				<div class="section-head text-center">
					<span>Kind Words</span>
					<h2>励志</h2>
				</div>
				<div class="row">
					<div class="col-lg-12">
						<div class="swiper-container swiper-testimony wow fadeInUp"  data-wow-duration="1.5s">
							<div class="swiper-wrapper">
								<div class="swiper-slide single-testimonials ">
									<div class="single-testimonials-in mx-auto text-center">
										<div class="single-testimonials-head p-5">
											<p>在没有到达你想要去的地方时，任何风雨都是助力剂</p>
										</div>	
										<div class="single-testimonials-foot mx-auto mt-4">
											<img src="assets/images/avatar1.jpg" alt="" class="mx-auto b-box">
											<h4 class="mt-3 font-weight-bold">徐树伟</h4>
											<span class="mt-1 d-block">自由职业者</span>
										</div>
									</div>
								</div>

								<div class="swiper-slide single-testimonials ">
									<div class="single-testimonials-in mx-auto text-center">
										<div class="single-testimonials-head p-5">
											<p>吃亏是福，没有人能替你负重前行，加油少年！</p>
										</div>	
										<div class="single-testimonials-foot mx-auto mt-4">
											<img src="assets/images/avatar1.jpg" alt="" class="mx-auto b-box">
											<h4 class="mt-3 font-weight-bold">徐树伟</h4>
											<span class="mt-1 d-block">自由职业者</span>
										</div>
									</div>
								</div>

							</div>
							<div class="swiper-pagination"></div>
						</div>

						<div class="testimony-nav">
							<a href="#" class="swiper-button-next"></a>
							<a href="#" class="swiper-button-prev"></a>
						</div>

					</div>
				</div>
			</div>
		</section>
		<!-- END: TESTIMONY -->

		<!--START: FOOTER-->
		<footer class="footer section section-light">
			<div class="container">
				<p class="copyright text-center mb-0">&copy; xiaowang 2020 | All Right Reserved <a href="https://beian.miit.gov.cn/" target="_blank">粤ICP备20003821号</a></p>
			</div>
		</footer>
		<!--END: FOOTER-->
	</div>


	<!-- JAVASCRIPTS -->

	<script src="assets/js/vendor.js"></script>

	<!-- Map -->
	<script src="assets/js/map.js"></script>
	<script src="https://ditu.google.cn/maps/api/js?key=AIzaSyD79MY72taVRlZVX2DU6L5PXOh3ezUUKMc&amp;callback=initMap" async="" defer=""></script>
	
	<script src="assets/js/imagesloaded.pkgd.js"></script>
	<script src="assets/js/jquery.shuffle.min.js"></script>
	<script src="assets/js/custom-shuffle-init.js"></script>
	
	<!-- Custom Js -->
	<script src="assets/js/custom.js"></script>

</body>
</html>
